<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>回溯管理</title>
    <meta name="description" content="回溯管理平台">
    <meta name="keywords" content="index">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link rel="icon" type="image/png" href="../../assets/img/main/liantongLOGO.jpg">
    <link rel="apple-touch-icon-precomposed" href="../../assets/libs/amazeui/i/app-icon72x72@2x.png">
    <meta name="apple-mobile-web-app-title" content="Amaze UI" />
    <link rel="stylesheet" href="../../assets/libs/amazeui/css/amazeui.min.css" />
    <link rel="stylesheet" href="../../assets/libs/amazeui/css/amazeui.datatables.min.css" />
    <link rel="stylesheet" href="../../assets/libs/amazeui/css/app.css?v2017010301">
    <link rel="stylesheet" href="../../assets/libs/element-ui.css">
    <link rel="stylesheet" href="../../assets/css/core.css?v2017010301">
    <style>
        .lookClass {
            border: 1px solid #ccc;
            color: #ccc;
            display: inline-block;
            padding: 5px 6px;
            font-size: 12px;
            line-height: 12px;
        }

        .sys-query-title {
            border-bottom: 1px solid #e6e6e6;
            width: 25%;
            padding-bottom: 8px;
            float: left;
        }

        .sys-query-title-spacing {
            margin-right: 12.5%;
        }

        .sys-query-title-input {
            border: none !important;
        }

        .sys-query-button-reset {
            color: #000;
            background-color: #fff;
            border-color: #d9d9d9;
            border-radius: 4px;
            padding: 0.5em 2em;
            margin-left: 6px;
        }

        .sys-query-button-select {
            color: #fff;
            background-color: #1890ff;
            border-color: #1890ff;
            border-radius: 4px;
            padding: 0.5em 2em;
        }

        .sys-query-color {
            color: #999999;
        }

        .sys-query-color2 {
            background-color: #F4F4F4;
        }

        .sys-query-color3 {
            color: #333333 !important;
        }

        .sys-query-color4 {
            color: #616161 !important;
        }

        .sys-query-button-maintenance {
            border: none !important;
            color: #1890FF !important;
        }

        .am-table-striped>tbody>tr:nth-child(odd)>td {
            background-color: #FFFFFF;
        }

        .am-table-striped>tbody>tr:nth-child(even)>td {
            background-color: #FBFBFB;
        }

        .am-table-compact>tbody>tr>td {
            border-top: none !important;
        }

        .sys-query-spacing {
            margin-bottom: 0px !important;
        }

        .sys-query-background {
            border-top: 5px solid #e9ecf3;
        }

        .sys-query-background2 {
            background-color: #FFFFFF !important;
        }

        .version-information {
            border-bottom: 1px solid #e6e6e6;
            padding: 15px !important;
        }

        .version-information2 {
            border-radius: 4px !important;
            width: 400px;
            border-bottom: 1px solid #e6e6e6;
            border-radius: 4px;
        }

        .version-information3 {
            border: 1px solid rgba(230, 230, 230, 1);
            border-radius: 4px;
            font-size: 13px;
            padding: 5px;
        }

        .version-information4 {
            font-size: 14px !important;
            margin-right: 100px;
            margin-left: 100px;
            margin-bottom: 0px !important;
            font-weight: 500;
        }

        .version-information-file {
            border-radius: 4px;
            font-size: 13px;
        }

        .bottom-font {
            font-size: 13px;
            font-family: PingFangSC-Regular, PingFang SC;
            color: #666666;
            line-height: 20px;
            margin: 5px;
        }

        .bottom-style-public {
            border-color: #fbfbfb !important;
            background-color: #fbfbfb !important;
            border-radius: 5px !important;
        }

        /*纠纷状态的样式*/
        .dispute-status {
            width: 177px !important;
            border: 1px solid rgba(230, 230, 230, 1) !important;
            font-size: 13px;
            border-radius: 4px;
        }
        .borderbottom{
            border-bottom: 1px solid #E6E6E6 !important;
        }
        .bordernone{
            border: none !important;
            margin: 0 0 0 20px;
        }
        .select{
            width: 150px !important;
        }
    </style>

</head>

<body data-type="index" page-text="用户管理" style="overflow: hidden">
    <!--
			Conductor:Kangmengmeng
			Author:Zhangzhihao
			Time:2016.12.06 11:00
		-->
    <div class="am-g tpl-g" id="main" v-cloak>
        <!-- 内容区域 -->
        <div class="sys-query-background2 tpl-content-wrapper content-margin-left">
            <!-- TODO 内容显示区域 -->
            <div class="am-cf">
                <div class="row">
                    <div class="am-u-sm-12 am-u-md-12 am-u-lg-12">
                        <div class="sys-query-spacing sys-query-background widget am-cf">
                            <div class="widget-body am-fr widget-search">
                                <form class="sys-query-title-input am-form tpl-form-border-form tpl-form-border-br">
                                    <div class="am-u-sm-12 am-u-sm-12 am-u-sm-12 del-padding">
                                            <div
											class="am-form-group am-form-group-sm am-u-sm-12 am-u-md-6 am-u-lg-4">
											<label class="am-form-label am-u-sm-4">系统名称</label>
                                            <el-select class="remoteSelect" v-scroll v-model="systemNo"  @change="sysValue(systemNo)">
                                                <el-option v-for="(item,index) in sysList"  :key="index" :value="item.systemName"></el-option>
                                              </el-select>
                                              <!-- <div class="am-u-sm-6 am-u-md-6 am-u-lg-6  am-u-sm-pull-2 ">
                                                <select class="syscode-select bordernone"  v-model="sysCode"  @change="sysValue(event)">
                                                    <option value="">请选择</option>
                                                    <option  v-for="(item,index) in sysList" :key="index" :value="item.systemNo">{{item.systemName}}</option>
                                               </select>
                                            </div> -->
                                        </div>
                                            <div
											class="am-form-group am-form-group-sm am-u-sm-12 am-u-md-6 am-u-lg-4">
											<label class="am-form-label am-u-sm-4">设备ID</label>
                                            <div class="am-u-sm-6 am-u-sm-pull-2">
                                                <input type="text" class="" placeholder="请输入"
                                                    v-model="equipmentId">
                                            </div>
										</div>
                                    </div>
                                    <div class="am-u-sm-12 am-u-sm-12 am-u-sm-12 del-padding">
                                        
                                        <div
											class="am-form-group am-form-group-sm am-u-sm-12 am-u-md-6 am-u-lg-4">
											<label class="am-form-label am-u-sm-4">机构</label>
                                            <!-- <el-select class="remoteSelect" v-scroll v-model="branchCode" @change="organValue(event)">
                                                       <el-option  v-for="(item,index) in branchList" :key="index" :value="item.branchId">{{item.branchName}}</el-option>
                                            </el-select> -->
                                            <el-select class="remoteSelect" v-scroll v-model="branchCode" @change="organValue(branchCode)">
                                                <el-option v-for="(item,index) in branchList" :key="index" :value="item.branchName"></el-option>
                                              </el-select>
                                        </div>
                                            <div
											class="am-form-group am-form-group-sm am-u-sm-12 am-u-md-6 am-u-lg-4">
											<label class="am-form-label am-u-sm-4">异常ID</label>
                                            <div class="am-u-sm-6 am-u-sm-pull-2">
                                                <input type="text" class="" placeholder="请输入"
                                                    v-model="exceptionId">
                                            </div>
										</div>
                                    </div>
                                    <div class="am-u-sm-12 am-u-sm-12 am-u-sm-12 del-padding">
                                        
                                        
                                            <div
											class="am-form-group am-form-group-sm am-u-sm-12 am-u-md-6 am-u-lg-4">
											<label class="am-form-label am-u-sm-4">用户手机号</label>
                                            <div class="am-u-sm-6 am-u-sm-pull-2" >
                                                <input type="text" class="" placeholder="请输入"
                                                    oninput="value=value.replace(/[^0-9]/g,'').replace(/^0{1}/g, '')"
                                                    maxlength='11' min="0"
                                                    v-model="phoneNumber" style="margin-left: -10px;">
                                            </div>
										</div>
                                    </div>
                                    <div class="am-form-group am-u-sm-12">
                                        <div
                                            class="am-u-sm-9 am-u-sm-push-4 am-u-md-7 am-u-md-push-5 am-u-lg-7 am-u-lg-push-10">
                                            <button type="button"
                                                class="am-btn sys-query-button-select tpl-btn-bg-color-success am-btn-xs"
                                                @click="queryUser(1)">
                                                <span class="am-icon-search"></span>&nbsp;查询
                                            </button>
                                            <button type="button"
                                                class="am-btn sys-query-button-reset tpl-btn-bg-color-success am-btn-xs"
                                                @click="resetBtn()">
                                                <span class="am-icon-reply"></span>&nbsp;重置
                                            </button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
                <!--列表区域-->
                <div class="row">
                    <div class="am-u-sm-12 am-u-md-12 am-u-lg-12">
                        <div class="widget am-cf">
                            <div class="widget-body  am-fr">
                                <div class="am-u-sm-12">
                                    <!-- element-ui表格 -->
                                    <el-table :data="listArry"  style="width: 100%;"   >
                                        <el-table-column align="center" type="index" label="序号" width="90">
                                        </el-table-column>
                                        <!-- <el-table-column align="center" prop="businessNo" label="业务单号" width="120">
                                        </el-table-column> -->
                                        <el-table-column align="center" prop="sysName" label="系统名称" width="190">
                                        </el-table-column>
                                        <el-table-column align="center" prop="branchName" label="机构" width="190">
                                        </el-table-column>
                                        <el-table-column align="center" prop="equipmentId" label="设备ID" width="260">
                                        </el-table-column>
                                        <el-table-column align="center" prop="exceptionId" label="异常ID" width="200">
                                        </el-table-column>
                                        <el-table-column align="center" prop="phoneNumber" label="用户手机号" width="190">
                                        </el-table-column>
                                        <!-- <el-table-column align="center" prop="archiveflag" label="归档状态" width="120">
                                        </el-table-column>
                                        <el-table-column align="center" prop="archiveTime" label="归档时间" width="160">
                                        </el-table-column> -->
                                        <el-table-column align="center" prop="uploadTime" label="上传时间"  width="230">
                                        </el-table-column>
                                        <!-- <el-table-column align="center" fixed="right"  label="纠纷维护" width="80">
                                            <template slot-scope="scope">
                                                <el-button @click="checkdis(scope.row)" type="text" size="small">编辑</el-button>
                                            </template>
                                        </el-table-column> -->
                                        <!-- <el-table-column align="center" fixed="right"  label="调档申请" width="80">
                                            <template slot-scope="scope">
                                                <el-button @click="applyModio(scope.row.id)" type="text" size="small">申请
                                                </el-button>
                                            </template>
                                        </el-table-column> -->
                                        <el-table-column align="center" fixed="right" label="操作" width="150">
                                            <template slot-scope="scope">
                                                <el-button @click="checkModio(scope.row)" type="text" size="small">视频查看
                                                </el-button>
                                                <!-- <el-button v-if="scope.row.status !=1" :disabled="true" type="text"  size="small">视频查看
                                                </el-button> -->
                                                <el-button type="text" @click="businessMsg(scope.row.id,scope.row.businessNo)" size="small">查看详情</el-button>
                                                <!-- <el-button v-if="scope.row.status !=1" type="text" :disabled="true" size="small">查看详情</el-button> -->
                                            </template>
                                        </el-table-column>
                                    </el-table>
                                </div>
                                <div class="am-u-lg-12 am-cf">
                                	<div class="am-fr am-u-sm-12 am-u-md-12 am-u-lg-2">
                                    	<form class="am-form am-pagination">
	                                        <div class="am-u-sm-7 am-u-md-7 am-u-lg-7">
	                                            <input type="number" id="page-num" style="padding: .3em;" min="1" :max="pagination[pagination.length-1]">
	                                        </div>
                                        	<div class="am-u-sm-5 am-u-md-5 am-u-lg-5">
	                                            <div class="am-btn-group-xs">
	                                                <button type="button" class="am-btn am-btn-primary"
	                                                    class="am-disabled"
	                                                    @click="skipPage()">跳转</button>
	                                            </div>
                                            </div>
                                        </form>
                                    </div>
                                    <div class="am-fr">
                                        <ul class="am-pagination tpl-pagination">
                                            <li v-bind:class="nowPage == 1 ? 'am-disabled' : ''">
                                                <a href="javascript:void(0);" @click="offsetPage(-1)"><span
                                                        class="sys-query-color am-icon-angle-left"></span></a>
                                            </li>
                                            <li v-for="page in pagination"
                                                v-bind:class="page != 0 ? (page == nowPage ? 'am-active am-disabled' : '') : 'am-disabled'">
                                                <a href="javascript:void(0);" @click="selectPage(page)">{{page
                                                    == 0 ? '...' : page}}</a>

                                            </li>
                                            <li v-bind:class="nowPage == allPages ? 'am-disabled' : ''">
                                                <a href="javascript:void(0);" @click="offsetPage(1)"><span
                                                        class="sys-query-color am-icon-angle-right"></span></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--编辑-->
        <div class="am-modal am-modal-alert" tabindex="-1" id="my-alert2">
            <div class="am-modal-dialog sys-query-background2 version-information2">
                <div class="am-modal-hd version-information">
                    <a href="javascript:void(0);" @click="friend_return()"><span
                            class="sys-query-color am-icon-angle-left"></span></a>
                    <label class="version-information4">纠纷维护</label>
                    <a href="javascript:void(0);" @click="friend_return()"><span class="sys-query-color am-icon-close"
                            style="text-shadow: #FFF"></span></a>
                </div>
                <div class="am-modal-bd" style="margin-top: 20px;border-bottom: none!important">
                    <div class="am-form-group-sm am-u-sm-12 am-u-md-6 am-u-lg-6"
                        style="width:100%;margin-bottom: 0.75em;margin-top: 0.75em;">
                        <label class="am-form-label am-u-sm-4"
                            style="text-align:right;font-weight:100;font-size: 13px;color:#000">纠纷事由</label>
                        <div class="am-u-sm-6 am-u-sm-pull-2">
                            <input type="text" id="dispute_recourse" class="tpl-form-input version-information3"
                                placeholder="请输入纠纷事由" v-model='dispute_recourse'>
                            <input id="friend_no1" type="hidden" value="" />
                            <input id="mod_id" type="hidden" value="" />
                            <input id="mod_optid" type="hidden" value="" />
                        </div>
                    </div>
                    <div class="am-form-group-sm am-u-sm-12 am-u-md-6 am-u-lg-6" style="width:100%;margin-top: 0.75em;">
                        <label class="am-form-label am-u-sm-4"
                            style="text-align:right;font-weight:100;font-size: 13px;color:#000">纠纷开始时间</label>
                        <div class="version-information-file am-u-sm-6 am-u-sm-pull-2">
                            <input type="text" id="dispute_start" class="tpl-form-input version-information3"
                                placeholder="请选择纠纷开始时间">
                            <div onclick="laydate({elem: '#dispute_start'});"
                                style="width:140px;height:33px;position: absolute;margin-top: -33px">
                            </div>
                        </div>
                    </div>
                    <div class="version-information-file am-u-sm-6 am-u-lg-12"
                        style="margin-top:3px ;margin-bottom: 3px;">
                        <span id="edit-name" style="margin: 5px;color: #F45959;padding-left: 15px"></span>
                    </div>
                    <div class="am-form-group-sm am-u-sm-12 am-u-md-6 am-u-lg-6" style="width:100%;">
                        <label class="am-form-label am-u-sm-4"
                            style="text-align:right;font-weight:100;font-size: 13px;color:#000">纠纷结束时间</label>
                        <div class="version-information-file am-u-sm-6 am-u-sm-pull-2">
                            <input type="text" id="dispute_end" class="tpl-form-input version-information3"
                                placeholder="请选择纠纷结束时间">
                            <div onclick="laydate({elem: '#dispute_end'});"
                                style="width:140px;height:33px;position: absolute;margin-top: -33px">
                            </div>
                        </div>
                    </div>
                    <div class="version-information-file am-u-sm-6 am-u-lg-12"
                        style="margin-top:3px ;margin-bottom: 3px;">
                        <span id="edit-nameJC" style="margin: 5px;color: #F45959;padding-left: 15px"></span>
                    </div>
                    <div class="am-form-group-sm am-u-sm-12 am-u-md-6 am-u-lg-4" style="width:100%;">
                        <label class="am-form-label am-u-sm-4"
                            style="text-align:right;font-weight:100;font-size: 13px;color:#000">纠纷状态</label>
                        <div id="stats" class="am-u-sm-6 am-u-sm-pull-2" style="text-align: left">
                            <select id="dispute_stats"
                                data-am-selected="{btnSize:'sm',btnStyle:'am-btn am-dropdown-toggle am-btn-sm am-btn-default dispute-status'}">
                                <option value=""></option>
                                <option value="1"> 解决中 </option>
                                <option value="2"> 已解决 </option>

                             
                            </select>
                          <!--   <div class="am-radio">
						      <label>
						        <input type="radio" name="doc-radio-1" value="1" class="dispute_stats">解决中
						      </label>
						    </div>
						
						    <div class="am-radio">
						      <label>
						        <input type="radio" name="doc-radio-1" value="2" class="dispute_stats2">已解决
						      </label>
    						</div>
                            -->
                            <input id="sta" type="hidden" value="">
                        </div>
                    </div>
                    <div class="version-information-file am-u-sm-6 am-u-lg-12"
                        style="margin-top:3px ;margin-bottom: 3px;">
                        <span id="edit-level" style="margin: 5px;color: #F45959;padding-left: 15px"></span>
                    </div>
                </div>
                <div class="am-modal-footer" style="width: 120%!important;">
                    <!--<span  class="am-modal-btn version-information-button-select " @click="add()">提交</span>-->
                    <!--<span  class="am-modal-btn version-information-button-reset " @click="goBtn()">返回</span>-->
                    <button type="button" class="am-btn sys-query-button-select tpl-btn-bg-color-success am-btn-xs"
                        @click="submit()">提交
                    </button>
                    <button type="button" class="am-btn sys-query-button-reset tpl-btn-bg-color-success am-btn-xs"
                        @click="friend_return()">返回
                    </button>
                    <!--<span class="am-modal-btn"  data-am-modal-confirm @click="toAdd">确定</span>-->
                </div>
            </div>
        </div>
        <!--编辑-->
        <div class="am-modal am-modal-alert" tabindex="-1" id="my-alert">
            <div class="am-modal-dialog sys-query-background2 version-information2">
                <div class="am-modal-hd version-information">
                    <a href="javascript:void(0);" @click="friend_return()"><span
                            class="sys-query-color am-icon-angle-left"></span></a>
                    <label class="version-information4">申请条件</label>
                    <a href="javascript:void(0);" @click="friend_return()"><span class="sys-query-color am-icon-close"
                            style="text-shadow: #FFF"></span></a>
                </div>
                <div class="am-modal-bd" style="margin-top: 20px;border-bottom: none!important">
                    <textarea style="width:350px;height:130px;border-radius: 4px;border-color: #e6e6e6" name="" id=""
                        cols="" rows="" v-model="applyCondition"></textarea>
                </div>
                <div class="am-modal-footer" style="width: 120%!important;">
                    <!--<span  class="am-modal-btn version-information-button-select " @click="add()">提交</span>-->
                    <!--<span  class="am-modal-btn version-information-button-reset " @click="goBtn()">返回</span>-->
                    <button type="button" class="am-btn sys-query-button-select tpl-btn-bg-color-success am-btn-xs"
                        @click="confirmBtn">提交
                    </button>
                    <button type="button" class="am-btn sys-query-button-reset tpl-btn-bg-color-success am-btn-xs"
                        @click="friend_return()">返回
                    </button>
                    <!--<span class="am-modal-btn"  data-am-modal-confirm @click="toAdd">确定</span>-->
                </div>
            </div>
        </div>
        <div class="am-modal am-modal-alert" tabindex="-1" id="my-alert1">
            <div class="am-modal-dialog">
                <div class="am-modal-hd">提示</div>
                <div class="am-modal-bd" style="height:60px;">
                    {{tipMsg}}
                </div>
                <div class="am-modal-footer">
                    <!-- <span  class="am-modal-btn" @click="confirmBtn">确定</span> -->
                    <span class="am-modal-btn" data-am-modal-confirm>确定</span>
                </div>
            </div>
        </div>

    </div>
    <script src="../../assets/js/util/crypto-js.min.js"></script>
    <script src="../../assets/js/util/Aes.js"></script>
    <script src="../../assets/libs/amazeui/js/jquery.min.js"></script>
    <script src="../../assets/libs/vue/vue.min.js"></script>
    <script src="../../assets/libs/amazeui/js/theme.js"></script>
    <script src="../../assets/libs/amazeui/js/amazeui.min.js"></script>
    <script src="../../assets/libs/amazeui/js/amazeui.datatables.min.js"></script>
    <script src="../../assets/libs/amazeui/js/dataTables.responsive.min.js"></script>
    <script src="../../assets/js/util/inner.js?v2017010301"></script>
    <script src="../../assets/js/util/pagination.js?v2017010301"></script>
    <script src="../../assets/env.js?v2017010301"></script>
    <script src="../../assets/js/laydate-v1.1/laydate/laydate.js"></script>
    <script src="../../assets/js/util/common.js?v2017010301"></script>
    <script src="../../assets/libs/axios.min.js"></script>
    <script src="../../assets/libs/vue/vue.min.js"></script>
    <script src="../../assets/libs/element-ui.js"></script>
    <script id="time-cat" src="../../assets/libs/timecat.min.js"></script>
    <script src="../../assets/js/biz/sys/track/nrrback.js?v=202007190027"></script>
    <style>
        .phone_type {
            /* overflow: hidden; */
            width: 160px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .theme-white .tpl-table-black thead>tr>td {
            font-size: 12px;
            padding: 5px;
        }
    </style>
</body>

</html>
